當你在瀏覽器中打開一個網站時，背後有三種主要技術在運作：HTML、CSS 和 JavaScript。這篇文章會簡單介紹這三個技術是如何協同工作，構建出我們所見的網頁。
什麼是 HTML？
HTML（超文本標記語言） 是用來構建網頁的基礎語言。它決定了網頁上的內容和結構。就像建築物的框架一樣，HTML 決定了哪些是標題、段落、圖片、表格等。

舉個例子，這是一段簡單的 HTML 程式碼：

什麼是 CSS？
CSS（階層樣式表） 是用來控制網頁的外觀和排版的技術。當有了 HTML 決定網頁的結構後，CSS 則負責美化網頁，決定文字顏色、字型大小、頁面佈局等。

舉例來說，這是用來改變段落文字顏色的 CSS 程式碼：
p {
color: blue;
font-size: 16px;
}
這段 CSS 會讓段落中的文字變成藍色，並且設定字型大小為 16px。

-JavaScript 的角色-
雖然我們今天不深入討論 JavaScript，但值得一提的是，JavaScript 是用來讓網頁「動起來」的技術。它負責處理網頁中的互動部分，例如點擊按鈕後改變文字內容，或是根據使用者的行為動態顯示或隱藏元素。

總結
網頁的基本組成來自三個關鍵技術：HTML 決定了網頁的內容結構，CSS 負責美化網頁的外觀，JavaScript 則讓網頁能夠與使用者互動。在接下來的文章中，我們將繼續深入探索這些技術，讓你更了解網頁開發的全貌！